<template>
  <el-steps
    class="mb-4"
    finish-status="finish"
    style="width: 100%"
    :active="props.active"
    align-center
    :direction="props.direction"
  >
    <el-step v-for="(item, index) in list" :key="index" :title="item.title" :description="item.description" />
  </el-steps>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
  list: {
    type: Array,
    default() {
      return [];
    }
  },
  active: {
    type: Number,
    default() {
      return 1;
    }
  },
  direction: {
    type: String,
    default() {
      return "horizontal";
    }
  }
});
</script>
